<template>
	<div class="fuw">
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
			</div>
		</div>
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
			</div>
		</div>
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
			</div>
		</div>
		<div class="dingw">
			<div class="dt">
					<img src="../img/tx.png" alt="" class="tx">
					<p class="mz">颜</p>
					<div class="nan1">
						<img src="../img/nanaaa.png" alt="" class="zjaaa">
					</div>
					<div class="txt">
						祝大家新年快乐，忘掉所有不开心，2020小颜在
						此祝愿大家合家欢乐，幸福平安
					</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="less" scoped>
	.fuw{
		overflow: auto;
		height: 375px;
		
	}
	.dt{
		position: relative;
		width: 92%;
		height: 120px;
		margin-left: 4%;
		line-height: 20px;
		border-radius: 8px;
		text-align: center;
		box-shadow: 0px 2px 6px 0px rgba(192, 192, 192, 40);
		.tx{
			position: absolute;
			top: 5.4%;
			left: 2.8%;
			width: 50px;
			height: 50px;
			border-radius: 40px;
			border: 2px solid rgba(255, 255, 255, 100);
		}
		.mz{
			position: absolute;
			top: 5.4%;
			left: 21.8%;
		}
		.nan1{
			position: absolute;
			top: 27.4%;
			left: 20.8%;
			background: rgb(98, 140, 254);
			width: 20px;
			height: 20px;
			border: 1px solid rgb(98, 140, 254) ;
			border-radius:50%
			
		}
		.zjaaa{
			margin-left: -5px;
		}
		.txt{
			position: absolute;
			top: 55.4%;
			left: 7.8%;
			width: 300px;
			height: 45px;
			color: rgba(78, 78, 78, 100);
			font-size: 14px;
		}
	
	}	
	
</style>
